<template>
  <div id="daka">
<!-- 头部 -->
    <header class="hed">
      <div class="l-btn" onclick="window.history.back()"></div>
    <div class="ipt">
      <input type="text" placeholder="打卡">
    </div>
    </header>
<!-- 列表  -->
<section class="liebiao">
<div class="yd"><h1 class="h1">移动办公</h1></div>
<div class="ziliebiao">
<div><img src="../../assets/images/daqia.png" alt=""></div>
<div><img src="../../assets/images/youjian.png" alt=""></div>
<div><img src="../../assets/images/tq.png" alt=""></div>
<div><img src="" alt=""></div>
<span>打卡</span><span>邮件</span><span>天气</span><span></span>
</div>
</section>
<!-- 新闻 -->
<section class="liebiao">
  <div class="yd"><h1 class="h1">新闻资讯</h1></div>
 
<div class="ziliebiao"> 
  <p class="newsp">公司各类人员必须严格执行考勤打卡制度</p>
  <p class="p1">来源:集团</p>
  <p class="p1">04-22 11:12</p>
  </div>
</section>
<div class="tishi">无更多搜索内容</div>
</div>
</template>

<script>
  export default {
    name: 'Daka',
    data () {
      return {
 shop:[],
 xinwen:[]
      }
    },
    created(){
          this.$http.get("/apv/portal/indexApi/getAllMenu").then(data => {
      console.log(data.data);
      this.shop = data.data;
    });
    this.$http.get("http://192.168.1.116:8080/portal/indexApi/getNews").then((d)=>{
      this.xinwen=d.data 
      // console.log(d.data)   
   }).catch((err)=>{
     console.log(err)
   });
    }
  }
</script>

<style scoped>
.hed{
  width:100%;
  height:0.9rem;
  background: blue;
  position: relative;
  top:0;
}
.ipt{
  width:80%;
  height:0.7rem;
  background: white;
  border-radius:30px;
  position: absolute;
  top:0.1rem;
  margin-left:0.8rem;
  }
 .ipt input {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  height: 0.7rem;
  font-size: .25rem;
  margin-left: 0.4rem;
}
.l-btn {
  width: 30%;
  height: 1rem;
  background: url(../../assets/images/history.png) no-repeat 0 0;
  position: absolute;
  top:0.15rem;
  background-size: 0.6rem;
}
/* 列表 */
.liebiao{
  width:90%;
  height:2.5rem;
  border-radius:0.2rem;
  background: white;
  margin:0.2rem auto;
}
.yd{
  display: inline-block;
  width:90%;
  height:0.2rem;
  border-left:0.05rem solid blue;
  margin-top:0.2rem;
}
.h1{
  display: inline-block;
  margin-left:0.1rem;
  font-size: 0.2rem;
}
.ziliebiao{
  width:100%;
  height:2rem;
  /* border:1px solid blue; */
  
  display: flex;
  flex-wrap: wrap;
}
.ziliebiao img{
  width:50%;
  height:100%;
}
.ziliebiao div{
width:25%;
height:0.7rem;
margin-top:0.3rem;
text-align:center;
float:left
}
.ziliebiao span{
  display: inline-block;
  width:25%;
  text-align: center;
}
/* 新闻 */
.newsp{
  width:50%;
  margin:0.2rem;
  color:#5c5c5c;
}
.p1{
  width:50%;
  margin-top:0.1rem;
  margin-left:0.2rem;
  color:#d7d7d7;
}

.tishi{
  width:100%;
  text-align: center;
  margin-top:0.2rem;
  color:#d7d7d7;
}
</style>>

